Mikmak wireframes

Een wireframe is een schets van de website, dat gebruikt als een prototype. In de wireframes worden zaken vastgelegd die te maken hebben met de gebruiksvriendelijkheid of usability. Uiteindelijk is het de bedoeling dat de website werkt op de manier zoals de de bezoekers zich dat inbeelden. Zij moeten er immers in werken. Wireframes kunnen snel en makkelijk gemaakt worden. Je kan ze tekenen terwijl de klant er bij is en er kan snel iets aangepast kan worden. Op die manier kunnen we verschillende layouts testen en kijken hoe een bezoeker daarop reageert.

Home pagina van de website

De Home pagina is het vertrekpunt van de webwinkel, zowel voor het admin gedeelte als voor het online shopping gedeelte. Het online shopping gedeelte is voor Programmeren 4. We houden ons alleen bezig met het Admin gedeelte. De link om naar het Admin gedeelte te navigeren plaatsen we discreet in de footer. Deze link moet niet prominent op de Home pagina staan. De bezoekers hebben daar geen boodschap aan. Alllen de beheerder gebruit die link en die weet wel waar de link staat.

Admin Index pagina

De tegels zijn grote knoppen waarmee de beheerder naar de desbetreffende entiteiten kan navigeren. Tussen de tegels plaatsen we enkele afbeeldingen die illustratief zijn voor de webwinkel om de boel wat op te fleuren.

Entiteit pagina

We gaan geen wireframes maken voor de CRUD operaties voor alle entiteiten. We maken wireframes voor welbepaalde types. Het eerste type is dat van een platte entiteit die niet van andere entiteiten afhankelijk is. In relationele databank termen is dat een tabel zonder foreign keys.

Geen verwantschap

Als voorbeeld voor een 'platte' entiteit teken we de wireframes voor de UnitBase entiteit. Je vindt ze in Mikmak wireframes UnitBase.

Een één op één verwantschap

Een één op meer verwantschap

Een meer op meer verwantschap

2016-11-23 13:12:05